#home{
	background-image: url($baseDir + 'images/home_back.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	text-align: center;
}

#home h1, #home h2{
	color: #fff;
	text-align: center;
}

#newMatch{
	background-color: #FEFEFE;
	width: 94rem;
	margin: 4rem auto 0;
	overflow: hidden;
	padding: 3.6rem 2rem 2rem;
}

#newMatch > div{
	float: left;
	width: 33.3%;
}

#newMatchButton{
 	margin: 4rem auto;
}

#home select{
	width: 25rem;
	margin: 0 auto;
}

#home #timeSelectors{
	overflow: hidden;
	width: 25rem;
	margin: 0 auto;
}
#home #time input:first-child{
	width: 14rem;
	margin: 0 auto;
	float: left;
}
#home #time input:last-child{
	width: 10rem;
	margin: 0 auto;
	float: right;
}

#home p{
	margin-top: 2.4rem;
}

#registerButton{
	font-weight: bold;
	width: 44rem;
	margin: 0 auto;	
	height: 5rem;
}

#registerModal .modal-dialog, #registerModal .modal-content{
	width: 46rem; 
	height: 24.8rem;
}

#newFieldModal .modal-dialog, #newFieldModal .modal-content{
	h1, h2{
		color: $darkGray;
		text-align: center;
	}

	width: 46rem; 
	height: 39.8rem;
	text-align: center;
}